<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字体</title>
		<style>
			.slogon{
				font-size: 36px;
				font-weight: 900;
				font-family:webdings,"华文彩云","华文行楷";
			}
			.c2{
				font-family: webdings;
			}
			.tip{
				font-size: 3em;
				color:red;
				font-family: "楷体";
			}
			#nav{
				height: 400px;
				width: 300px;
				background-color: blueviolet;
			}
		</style>
	</head>
	<body>
		<div id="nav">导航</div>
		<p>来北大青鸟，享受<span class="tip">北大式</span>服务</p>
		<p style="font-style: italic;">教育改变生活</p>
		<div class="slogon">Java教育改变生活</div>
		<h1>教育改变生活</h1>
		<div class="c2">We change lives</div>
	</body>
</html>